一套跨端、跨框架的企业级 UI 组件库，追求极致体验开箱即用!

推荐关注

责编：猿哥 | 来源：GitHub猿 整理

往期文章：ChatGPT当中的“GPT”是什么意思？

正文

大家好。我是GitHub猿。

我今天，推荐一个系统项目。猿哥第一次使用就有点上头，爱不释手，必须要推荐给大家。

上次是谁要的系统项目啊，猿哥帮你找到了。

这是我目前见过最好的系统项目。功能完整，代码结构清晰。值得推荐。

📚 项目介绍

最近猿哥在逛网站的时候发现一个不错的开源项目，猿哥觉得不错，值得拿出来和大家分享下。

🔥本项目系统是一套跨端、跨框架的企业级 UI 组件库，支持 Vue 2 和 Vue 3，支持 PC 端和移动端。扩展：ChatGPT太TM牛逼了！

🌈 特性：

• 📦 包含 69 个简洁、易用、功能强大的组件

• 🖖 一套代码同时支持 Vue 2 和 Vue 3

• 🖥️ 一套代码同时支持 PC 端和移动端

• 🌍 支持国际化

• 🎨 支持主题定制

• 📊 组件内部支持配置式开发，可支持低代码平台可视化组件配置

• 另外，搜索公众号Linux就该这样学后台回复“猴子”，获取一份惊喜礼包。
  

• 💡 采用模板、样式、逻辑分离的跨端、跨框架架构，保障灵活性和可移植性

🛠️ 如何使用

1. 安装

执行以下命令，安装 Vue 3 版本的 TinyVue 组件库：

npm i @opentiny/vue@3

执行以下命令，安装 Vue 2 版本的 TinyVue 组件库：

npm i @opentiny/vue@2

2. 引入和使用

在App.vue文件中使用 TinyVue 组件。

<script lang="ts" setup>
import { Button as TinyButton } from '@opentiny/vue'
</script>

<template>
<tiny-button>TinyVue</tiny-button>
</template>

🖥️ 本地开发

git clone [e-mail]:opentiny/tiny-vue.git
cd tiny-vue
pnpm i

# 启动 Vue3 项目
pnpm dev

# 启动 Vue2 项目
pnpm dev:vue2

打开浏览器访问：http://127.0.0.1:6175/

功能演示



最后，想学习这个项目的可以查看项目地址：

项目源码，怎么领取？

源码获取

扫码下方二维码，后台回复【企业级UI】即可获取所有系统

欢迎有需要的同学试试，如果本文对您有帮助，也请帮忙点个 赞 + 在看 啦！❤️

在 GitHub猿 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！

--END--

猿哥个人微信

添加猿哥个人微信即送一份惊喜大礼包

→ 技术资料共享

→ 技术交流社群

版权申明：内容来源网络，版权归原创者所有。除非无法确认，我们都会标明作者及出处，如有侵权烦请告知，我们会立即删除并表示歉意。谢谢!

往日文章：

最近，GitHub猿建了一个「GitHub猿交流群」，欢迎大家一起交流优秀开源项目，也可以宣传自己的开源项目，在 「GitHub猿」公众号后台回复【加群】邀请你入群。

你点的每个赞，我都认真当成了喜欢